<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .condition a{
            display: inline-block;
            padding: 3px 5px;
            border: 1px solid #dddddd;
            margin: 5px 5px;
            color: black;
            text-decoration: none;
        }
        .condition a.active{
            background-color: aqua;
            color: white;
        }
    </style>
</head>
<body>
    <h1>筛选</h1>
    <div class="condition">
        <div>
        {% if arg_dict.article_type_id == 0 %}
            <a class="active" href="/article-0-{{ arg_dict.category_id }}.html">全部</a>
        {% else %}
            <a href="/article-0-{{ arg_dict.category_id }}.html">全部</a>
        {% endif %}

            {% for i in article_type_list %}
                {% if i.id == arg_dict.article_type_id %}
                    <a class="active" href="/article-{{ i.id }}-{{ arg_dict.category_id }}.html">{{ i.caption }}</a>
                {% else %}
                    <a href="/article-{{ i.id }}-{{ arg_dict.category_id }}.html">{{ i.caption }}</a>
                {% endif %}
            {% endfor %}

        </div>
        <div>
        {% if arg_dict.category_id == 0 %}
            <a class="active" href="/article-{{ arg_dict.article_type_id }}-0.html">全部</a>
        {% else %}
            <a href="/article-{{ arg_dict.article_type_id }}-0.html">全部</a>
        {% endif %}

            {% for x in category_list %}
                {% if x.id == arg_dict.category_id %}
                    <a class="active" href="/article-{{ arg_dict.article_type_id }}-{{ x.id }}.html">{{ x.caption }}</a>
                {% else %}
                    <a href="/article-{{ arg_dict.article_type_id }}-{{ x.id }}.html">{{ x.caption }}</a>
                {% endif %}
            {% endfor %}

        </div>
    </div>
    <h4>查询结果</h4>
    <ul>
        {% for row in article_list %}
            <li>{{ row.id }}-{{ row.title }}</li>
        {% endfor %}
    </ul>
</body>
</html>